这是sub-header的文本，一级标题，

这是文本，二级标题

这是文本，三级标题

这是文本开始的地方，这段引用

本页面汇集了芝加哥大学的院校概况及学生证言，展示了学校卓越的学术氛围与丰富的校园生活。

通过阅读学生们的真实感受，您将深入了解他们在这里的成长与收获。

这些证言不仅反映了芝加哥大学的教育质量，更展示了校园文化对学生个人发展的深远影响。

这句话前后有间距。

图片和文字居中

字体整体加粗：

本页面汇集了芝加哥大学的院校概况及学生证言，展示了学校卓越的学术氛围与丰富的校园生活。通过阅读学生们的真实感受，您将深入了解他们在这里的成长与收获。这些证言不仅反映了芝加哥大学的教育质量，更展示了校园文化对学生个人发展的深远影响。


上面有两行空格

斜体字：

本页面汇集了芝加哥大学的院校概况及学生证言，展示了学校卓越的学术氛围与丰富的校园生活。通过阅读学生们的真实感受，您将深入了解他们在这里的成长与收获。这些证言不仅反映了芝加哥大学的教育质量，更展示了校园文化对学生个人发展的深远影响。

以下是有序列表：

1. 本页面汇集了芝加哥大学的院校概况及学生证言，展示了学校卓越的学术氛围与丰富的校园生活。

2. 通过阅读学生们的真实感受，您将深入了解他们在这里的成长与收获。这些证言不仅反映了芝加哥大学的教育质量，更展示了校园文化对学生个人发展的深远影响。

3. <p>这是段落中的文本</p>

/* CSS 文件 styles.css */
2.styled-text {
3  color: orange; /* 设置文本颜色为橙色 */
4  font-weight: bold; /* 设置字体加粗 */
5  font-style: italic; /* 设置字体为斜体 */
6  font-family: Arial, sans-serif; /* 设置字体类型 */
7  line-height: 1.6; /* 设置行间距 */
8  padding: 10px; /* 设置内边距 */
9  border: 1px solid #ccc; /* 添加边框 */
10  background-color: #f9f9f9; /* 设置背景颜色 */
11  text-align: center; /* 文本居中对齐 */
12  margin: 20px auto; /* 设置外边距，自动居中 */
13  max-width: 800px; /* 最大宽度限制 */
14}
15
16/* 选择器也可以应用于多个元素 */
17h1, h2 {
18  color: darkblue; /* 设置标题颜色为深蓝色 */
19  font-family: 'Times New Roman', serif; /* 设置标题字体 */
20}
21
22/* 为段落添加悬停效果 */
23p:hover {
24  color: red; /* 鼠标悬停时改变文本颜色 */
25  cursor: pointer; /* 改变鼠标指针形状 */
26}

无序列表

• 第一条

• 第二条

• 第三条